<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>19-1</title>
<style>
   *{letter-spacing:0.2em;margin:0;padding:0;}           
   .layer1{height:100px;width:100%;background:#1E90FF;color:white;text-align:center;line-height:100px;}
   .layer2{height:auto;width:100%;background:#E0FFFF;color:black;text-align:left;}
   .layer2-1{height:auto;width:30%;background:#E0FFFF;color:black;text-align:center;float:left;line-height:400%;}
   .layer2-2{height:auto;width:70%;background:#E0FFFF;color:black;text-align:left;float:left;}
   .layer2-3{clear:both;}
   .layer3{height:50px;width:100%;background:#1E90FF;color:white;text-align:center;line-height:50px;}
   h2{text-align:center;}
   p{font-size:20px}
   img{width:400px;float:left;padding:5px; margin:5px 15px 15px 0;}
   #content {text-indent:2em;line-height:150%;}
   #ins{text-align:right;font-size:20px}
   #navigation{
		       width:30%; height:auto;
		       font-weight:bold;
	               font-size:1em;
	               text-align:center; /* 这个属性使盒子中的链接居中 */
		       margin:0 auto;
		       padding-top:30px;
		       float:left;
		   }
    #navigation a{
	
	           width:90%;
	           display:block;
	           height:5em;
	           line-height:4em;
	           color:#FFFFFF;
	           background-color:#1136c1;
	           
	           text-decoration:none;
                   border-top:1px solid white;	
	           border-left:12px solid #151571;		/* 左边的粗边 */
	
           }
    #navigation  a:hover{					/* 鼠标经过时 */
				background-color:#002099;			/* 改变背景色 */
				color:#ffff00;						/* 改变文字颜色 */
				border-left:12px solid yellow;
			}


</style>
</head>
<body>
   <div class="layer1"><h1>山东商业职业技术学院</h1></div>
   <div class="layer2">
       <div id="navigation">
       <p><a href="http://www.sict.edu.cn/sict/sict.htm">学校概况</a></p>
       <p><a href="http://www.sict.edu.cn/dangqun/">机构设置</a></p>
       <p><a href="http://jyjxb.sict.edu.cn/">教育教学</a></p>
       <p><a href="http://jy.sict.edu.cn:8081/default.html">创新创业</a></p>
       <p><a href="http://gczx.sict.edu.cn/">科技服务</a></p>
       </div>
       <div class="layer2-2">
            <h2>学院简介</h2>
            <hr /> 
            <img src="http://www.gx211.com/UploadImage/FckUpImg/201604181148.jpg">
            <p id="content">山东商业职业技术学院是1999年经教育部批准设立的省属高职院校，办学历史可追溯到1936年的济南惠鲁商业学校。经过80多年的积淀，学校以“立德树人 兴商润民”为使命，以建设“创业型高水平商科院校”为目标愿景，秉承 “尚德蕴能，日精日新”的校训，坚持“经营、创新、开放、共生”的发展理念，坚持为社会用人需求服务，为学生就业成才服务，为学生终生幸福奠基，教学质量、办学特色得到社会各界的广泛肯定。</p>
            <p id="content">学校是国家示范性高职院校、全国职业教育先进单位、全国普通高等学校毕业生就业工作先进集体、全国毕业生就业典型经验高校、全国创新创业典型经验高校、全国高校实践育人创新创业基地、全省教育工作先进单位、山东省德育示范高校。学校建有山东省农产品贮运保鲜技术实验室、北方现代物流研究所、济南市肉品质量安全控制工程技术研究中心、济南市农产品质量安全监控信息化工程技术研究中心等省市级科研机构。依托鲁商集团，建有国家农产品现代物流工程技术研究中心。</p>
            <p id="ins"><i>来源：党群部</i></p>
       </div>
       <div class="layer2-3"></div>
   </div>
   <div class="layer3">学校地址：济南市旅游路4516号    邮编：250103</div>
</body>
</html>

